---
title: Accessibility
metaTitle: Accessibility
description: An introduction to building accessible apps with Amplify UI.
supportedFrameworks: react|angular|vue|svelte
---

import { getCustomStaticPath } from '@/utils/getCustomStaticPath';
import { InlineFilter } from '@/components/InlineFilter';
import AccessibilityAngular from './accessibility.angular.mdx';
import AccessibilityReact from './accessibility.react.mdx';
import AccessibilityVue from './accessibility.vue.mdx';
import AccessibilitySvelte from './accessibility.svelte.mdx';

export async function getStaticPaths() {
  return getCustomStaticPath(frontmatter.supportedFrameworks);
}

{/*  `getStaticProps` is required to prevent "Error: getStaticPaths was added without a getStaticProps. Without getStaticProps, getStaticPaths does nothing" */}

export async function getStaticProps() {
  return { props: {} }
}

<InlineFilter filters={['angular']}>
  <AccessibilityAngular />
</InlineFilter>
<InlineFilter filters={['react']}>
  <AccessibilityReact />
</InlineFilter>
<InlineFilter filters={['vue']}>
  <AccessibilityVue />
</InlineFilter>
<InlineFilter filters={['svelte']}>
  <AccessibilitySvelte />
</InlineFilter>
